<template>
  <div class="main">
    <Header />
    <Search @search="onSearch" />
    <router-view />
    <Banner />
    <Footer />
  </div>
</template>
<script setup>
import { reactive } from 'vue'
import { ElMessage } from 'element-plus'
import Header from '@/components/header/index.vue'
import Footer from '@/components/footer/index.vue'
import Search from '@/components/search/index.vue'
import Banner from '@/components/footer/banner.vue'
import api from '@/api'

const indexData = reactive({
  search: {
    keyword: ''
  }
})

const onSearch = (keyword) => {
  indexData.search.keyword = keyword
}
</script>

<style lang="scss" scoped>
.main {
  height: 100%;
}
</style>
